<template>
	<view class="container">
		<!-- 顶部搜索栏 -->
		<search></search>
		<!-- 轮播图 -->
		<banner></banner>

		<!-- 功能清单 -->
		<function-list></function-list>


		<!-- 每日签到 -->
		<sign-in></sign-in>

		<!-- 每日秒杀 -->
		<seckill></seckill>

		<!-- 拼团特惠 -->
		<group-buy></group-buy>

		<!-- 热销商品 -->
		<hot-products></hot-products>

		<!-- 连锁门店 -->
		<stores></stores>

		<!-- 新品上市 -->
		<new-products></new-products>

		<!-- 品牌故事 -->
		<brand-story></brand-story>

		<!-- 营销游戏 -->
		<marketing-games></marketing-games>
	</view>
</template>

<script setup>
import banner from './components/banner.vue'
import seckill from './components/seckill.vue'
import stores from './components/stores.vue'
import signIn from './components/sign-in.vue'
import groupBuy from './components/group-buy.vue'
import hotProducts from './components/hot-products.vue'
import newProducts from './components/new-products.vue'
import brandStory from './components/brand-story.vue'
import marketingGames from './components/marketing-games.vue'
import search from './components/search.vue'
import functionList from './components/function-list.vue'
</script>

<style>
	.container {
		padding-bottom: 120rpx;
	}

	/* 搜索框样式 */
	.search-box {
		padding: 20rpx 30rpx;
		background-color: #D02B29;
	}

	.search-input {
		display: flex;
		align-items: center;
		background-color: #FFFFFF;
		border-radius: 50rpx;
		padding: 10rpx 20rpx;
		color: #999;
	}

	.search-icon {
		margin-right: 10rpx;
	}

	.footer-item.active .footer-text {
		color: #D02B29;
	}
</style>
